<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>midu</title>
    <!--<link rel="stylesheet" href="./src/css/comment.css">-->
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/typo.css/2.0/typo.css">
  </head>
  <style>
    html ,body{
      height: 100%;
      width: 100%;
      overflow: hidden !important;
    }
  </style>
  <script>
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
        };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
/* (function(designWidth, maxWidth) {
   var doc = document,
     win = window,
     docEl = doc.documentElement,
     remStyle = document.createElement("style"),
     tid;

   function refreshRem() {
     var width = docEl.getBoundingClientRect().width;
     maxWidth = maxWidth || 540;
     width>maxWidth && (width=maxWidth);
     var rem = width * 100 / designWidth;
     remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
   }

   if (docEl.firstElementChild) {
     docEl.firstElementChild.appendChild(remStyle);
   } else {
     var wrap = doc.createElement("div");
     wrap.appendChild(remStyle);
     doc.write(wrap.innerHTML);
     wrap = null;
   }
   refreshRem();

   win.addEventListener("resize", function() {
     clearTimeout(tid);
     tid = setTimeout(refreshRem, 300);
   }, false);

   win.addEventListener("pageshow", function(e) {
     if (e.persisted) {
       clearTimeout(tid);
       tid = setTimeout(refreshRem, 300);
     }
   }, false);

   if (doc.readyState === "complete") {
     doc.body.style.fontSize = "16px";
   } else {
     doc.addEventListener("DOMContentLoaded", function(e) {
       doc.body.style.fontSize = "16px";
     }, false);
   }
 })(750, 750);*/
  </script>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
